<!-- resources/views/table.blade.php -->
<!DOCTYPE html>
<html>
<head>
    <title>带样式的表格</title>
    <style>
        .styled-table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            font-size: 0.9em;
            font-family: sans-serif;
            min-width: 400px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        }
        .styled-table thead tr {
            background-color: #009879;
            color: #ffffff;
            text-align: left;
        }
        .styled-table th,
        .styled-table td {
            padding: 12px 15px;
        }
        .styled-table tbody tr {
            border-bottom: 1px solid #dddddd;
        }
        .styled-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }
        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #009879;
        }
        .styled-table tbody tr.active-row {
            font-weight: bold;
            color: #009879;
        }
    </style>
</head>
<body>
    <table class="styled-table">
        <thead>
            <tr>
                <th>ID</th>
                <th>时间</th>
                <th>级别</th>
                <th>模块</th>
                <th>信息</th>
                <th>异常</th>
                <th>线程</th>
                <th>进程</th>
            </tr>
        </thead>
        <tbody>
            @foreach($list as $log)
            <tr @if($loop->first) class="active-row" @endif>
                <td>{{ $log['id'] }}</td>
                <td>{{ $log['timestamp'] }}</td>
                <td>{{ $log['level'] }}</td>
                <td>{{ $log['module'] }}</td>
                <td>{{ $log['message'] }}</td>
                <td>{{ $log['exception'] }}</td>
                <td>{{ $log['thread'] }}</td>
                <td>{{ $log['process'] }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</body>
</html>
